﻿<html>
<head>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta name="description" content="" />
<meta name="author" content="" />
<!--[if IE]>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <![endif]-->
<title>鹿客帮</title>
<!-- BOOTSTRAP STYLE SHEET -->
<link href="assets/css/bootstrap.css" rel="stylesheet" />
<!-- FONT AWESOME ICONS STYLE SHEET -->
<link href="assets/css/font-awesome.css" rel="stylesheet" />
<!-- CUSTOM STYLES -->
<link href="assets/css/style.css" rel="stylesheet" />
<link rel="shortcut icon" type="image/x-icon" href="assets/img/lukk.ico"
	media="screen" />
<link rel="icon" href="assets/img/lukk.ico" type="image/x-icon" />
<link rel="bookmark" href="assets/img/lukk.ico" type="image/x-icon" />
<!-- HTML5 Shiv and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->


</head>
<body>
	<div class="navbar navbar-default navbar-fixed-top">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#"> <img style="margin-top: 5"
					src="assets/img/logo-3.png" width="50" height="50" alt=""
					class="img-responsive" />
				</a>
			</div>
			<div class="navbar-collapse collapse navbar-right scroll-me">
				<ul class="nav navbar-nav ">
					<li><a href="#home">首页</a></li>
					<li><a href="#about">关于鹿客</a></li>
					<li><a href="#project">运营项目</a></li>
					<li><a href="#download">下载中心</a></li>
					<!-- <li><a href="#works">新闻中心</a></li> -->
					<li><a href="#areaSearch">区域查询</a></li>
					<li><a href="http://lukejiaju.com/lukebang" target="_blank">在线下单</a></li>
				</ul>
			</div>

		</div>
	</div>
	<!-- NAVBAR CODE END -->
	<div id="home">
		<div class="overlay">
			<!-- overylay class usage -->
			<div class="container">
				<div class="col-md-8 col-md-offset-2 text-center">
					<h1>鹿客互联网</h1>
				</div>
			</div>
		</div>

	</div>
	<!--HOME SECTION END  -->
	<section id="about">
		<div class="container">
			<div class="row text-center pad-bottom">
				<div class="col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3">
					<h2 class="head-set">关于鹿客</h2>
				</div>
			</div>
			<div class="row text-center">
				<img alt="" src="assets/img/about.png">
			</div>
		</div>
	</section>
	<!--HOME SECTION END  -->
	<section id="project">
		<div class="row text-center pad-bottom">
			<div class="col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3">
				<h2 class="head-set">运营项目</h2>
			</div>
		</div>
		<div class="row text-center ">
			<img alt="" style="width: 1920px; height: 750px; text-align: center;"
				src="assets/img/project.png">
		</div>
	</section>
	<!--SERVICES SECTION END  -->
	<section id="download">
		<div class="row text-center">
			<img alt="" style="width: 1920px; height: 750px; text-align: center;"
				src="assets/img/download.png">
		</div>
		<div class="parallax-like">
			<div class="overlay">
				<div class="container">
					<div class="row">
						<div class="col-lg-4 col-md-4 col-sm-4">
							<div>
								<strong></strong>
								<p></p>
							</div>
						</div>
						<div class="col-lg-4 col-md-4 col-sm-4">
							<div>
								<strong></strong>
								<p></p>
							</div>
						</div>
						<div class="col-lg-4 col-md-4 col-sm-4 ">
							<div>
								<strong></strong>
								<p></p>
							</div>

						</div>

					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- <section id="works">
		<div class="container">
			<div class="row text-center pad-bottom">
				<div class="col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3">
					<h2 class="head-set">新闻中心</h2>
					<p></p>
				</div>
			</div>
			<div class="row text-center portfolio-item">

				<div class="col-md-4 col-sm-4 ">
					<div class="alert alert-info" data-toggle="modal"
						data-target="#project-1">
						<img src="assets/img/1.png" style="height: 220; width: 400"
							class="img-responsive " alt="" />

						<h3>鹿客帮师傅火热招募中！</h3>
						<h5>
							<a href="#"><strong>Click Here</strong> </a>to go to the project
						</h5>
					</div>
					Modal
					<div class="modal fade" id="project-1" tabindex="-1" role="dialog"
						style="top: 200" aria-labelledby="project-1-label"
						aria-hidden="true">
						<div class="modal-dialog modal-lg">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal">
										<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
									</button>
									<h1 class="modal-title" id="project-1-label">鹿客帮师傅火热招募中！！</h1>
								</div>
								<div class="modal-body">
									<div class="row">
										<div class="col-md-6">
											<p>经过公司各个部门相互配合、不懈努力，鹿客帮师傅版上线跟大家见面了。从2016年7月份开始，产品经理给出需求，交互设计师根据需求文档做出APP原型图，到UI实现界面，又与前端、后台等技术开发人员交流配合，以及运营人员做好前期市场调查等各个方面，到现在已将近准备了11个月的时间，中间虽然经历了很多问题和困难，大家不抛弃、不放弃，始终抱着把最初的好想法实现带给大家的信念，鹿客帮师傅版要与大家见面了，相信一定会给大家带来前所未有的好体验，大家敬请期待！</p>
										</div>
										<div class="col-md-6">
											<img src="assets/img/1.png" alt="">
										</div>
									</div>
								</div>
								<div class="modal-footer">
									<button type="button" class="btn btn-sm btn-default"
										data-dismiss="modal">Close</button>
								</div>
							</div>
						</div>
					</div>
					Modal end

				</div>
				<div class="row text-center portfolio-item">

					<div class="col-md-4 col-sm-4 ">
						<div class="alert alert-info" data-toggle="modal"
							data-target="#project-2">
							<img src="assets/img/2.png" style="height: 220; width: 400"
								class="img-responsive " alt="" />

							<h3>好的开端，前景无限</h3>
							<h5>
								<a href="#"><strong>A Good</strong> </a>beginning future
								infinite
							</h5>
						</div>
						Modal
						<div class="modal fade" id="project-2" tabindex="-1" role="dialog"
							style="top: 200" aria-labelledby="project-1-label"
							aria-hidden="true">
							<div class="modal-dialog modal-lg">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal">
											<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
										</button>
										<h1 class="modal-title" id="project-1-label">好的开端，前景无限！</h1>
									</div>
									<div class="modal-body">
										<div class="row">
											<div class="col-md-6">
												<p>鹿客帮师傅版在测试阶段，呈现出来的效果，是大家所期望的。仅一天的时间小范围的注册用户量就超越了一些知名APP最初的软件注册量。这要归功于大家共同的努力，尤其是运营部门，提前做出的充分准备。当然，在测试过程中，出现了一些没有设想到的问题，但是这都是正常现象。相信我们正式上线的效果，一定会令大家吃惊，未来是不可限量的。







												
											</div>
											<div class="col-md-6">
												<img src="assets/img/2.png" alt="">
											</div>
										</div>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-sm btn-default"
											data-dismiss="modal">Close</button>
									</div>
								</div>
							</div>
						</div>
						Modal end

					</div>
					<div class="row text-center portfolio-item">

						<div class="col-md-4 col-sm-4 ">
							<div class="alert alert-info" data-toggle="modal"
								data-target="#project-3">
								<img src="assets/img/3.png" style="height: 220; width: 400"
									class="img-responsive " alt="" />

								<h3>四月花开，相约接单</h3>
								<h5>
									<a href="#"><strong>Flowers Meet</strong> </a>in April project
								</h5>
							</div>
							Modal
							<div class="modal fade" id="project-3" tabindex="-1"
								role="dialog" style="top: 200" aria-labelledby="project-1-label"
								aria-hidden="true">
								<div class="modal-dialog modal-lg">
									<div class="modal-content">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal">
												<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
											</button>
											<h1 class="modal-title" id="project-1-label">四月花开，相约接单</h1>
										</div>
										<div class="modal-body">
											<div class="row">
												<div class="col-md-6">
													<p>据测试师傅反映，鹿客帮师傅版内功能齐全，解决了很多相似软件无法解决的问题，比如：完全实现了线上操作，避免了反复累赘的操作，节约了时间成本。并且用起来简单清晰，便于操作。四月花开时，可以约起来，一起挣钱啦~</p>
												</div>
												<div class="col-md-6">
													<img src="assets/img/3.png" alt="">
												</div>
											</div>
										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-sm btn-default"
												data-dismiss="modal">Close</button>
										</div>
									</div>
								</div>
							</div>
							Modal end
						</div>
					</div>
				</div>
			</div>
		</div>
	</section> -->
	<!--PARALLAX LIKE / STATS SECTION END  -->
	<section id="areaSearch">
		<div class="container">
			<div class="row text-center pad-bottom">
				<div class="col-md-6 col-md-offset-3 col-sm-6 col-sm-offset-3 ">
					<h2 class="head-set">鹿客帮服务区域查询</h2>
				</div>
				<div class="container" style="margin-left: 180">
					<select id="allProvinceSelect" name="" style="width: 800px;"
						onchange="provinceChange(this.value)"
						class="selectpicker  show-tick form-control"
						data-live-search="false">
					</select> <br /> <br /> <select id="allCitySelect" name=""
						onchange="cityChange(this.value)" style="width: 800px"
						class="selectpicker show-tick form-control"
						data-live-search="false">
						<option>未选择</option>
					</select> <br /> <br /> <select id="allCountrySelect" name=""
						onchange="javascript:$('#searchReslut').html('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');"
						style="width: 800px" class="selectpicker show-tick form-control"
						data-live-search="false">
						<option>未选择</option>
					</select> <br /> <br>
					<div class="form-group" style="float: left;">
						<button type="button" id="areaSearchButton"
							onclick="areaSearchButtonClick()" class="btn btn-primary">查询区域</button>
						<span style="margin-left: 80">查询结果：</span> <span
							style="margin-left: 50; color: red" id="searchReslut">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- CLIENTS SECTION END-->
	<footer id="contact">

		<!-- .subfooter start -->
		<!-- ================ -->
		<div class="subfooter">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<p class="text-center">Copyright 2017-2019 鹿客互联网 版权所有 豫ICP备
							17004523号</p>
					</div>
				</div>
			</div>
		</div>
		<!-- .subfooter end -->

	</footer>
	<!-- FOOTER SECTION END-->
	<!-- REQUIRED SCRIPTS FILES -->
	<!-- CORE JQUERY FILE -->
	<script src="assets/js/jquery-1.11.1.js"></script>
	<script src="assets/js/home.js"></script>
	<!-- REQUIRED BOOTSTRAP SCRIPTS -->
	<script src="assets/js/bootstrap.js"></script>
	<!-- BACKGROUND VIDEO PLUGIN  -->
	<script src="assets/js/jquery.mb.YTPlayer.js"></script>
	<!-- SCROLLING SCRIPTS PLUGIN  -->
	<script src="assets/js/jquery.easing.min.js"></script>
	<!-- CUSTOM SCRIPTS   -->
	<script src="assets/js/custom.js"></script>
</body>

</html>
